<template>
    <div>
        <a-modal :visible="modalVisible" title="跨实例拷贝数据" @ok="handleOk">
            <div>该功能仅支持拷贝数据盘下的文件(夹)至同地区其它实例，目标实例必须处于开机状态</div>

            <a-form @keyup.enter.native="searchQuery" class="query-list-form" :model="form">
               
                <a-form-item label="源实例">
                    <div>825011bf52-a625d1e9</div>
                </a-form-item>

                <a-form-item label="数据盘使用量">
                    <div>2GB</div>
                </a-form-item>

                <a-form-item label="源实例数据路径">
                    <a-input placeholder="输入文件（夹），全部请填写*" v-model="form.reasonKey"></a-input>
                </a-form-item>

                <a-form-item label="目标实例">
                    <a-select></a-select>
                </a-form-item>

                <a-form-item label="目标实例数据路径">
                    <div>/root/autodl-tmp/</div>
                </a-form-item>


                <div class="tips">今日剩余拷贝次数 3</div>
            </a-form>

        </a-modal>


        
    </div>
</template>

<script setup>
import { defineProps, defineEmits, computed, ref } from 'vue';

const props = defineProps({
    modelValue: {
        type: Boolean,
    },
});

const form = ref({})

const emit = defineEmits(['update:modelValue']);
const modalVisible = computed({
    get: () => props.modelValue,
    set: v => emit('update:modelValue', v),
});
// 确定按钮的回调
const handleOk = () => {
   
};

</script>

